<template>
  <div class="container sg_zr">

    <div class="sg_top">
      <p>当前位置：<a href="/">网站首页</a> > <a href="/Acquisition_transfer">收购转让</a></p>
    </div>
    <div class="sg_xzk">
      <div class="xg af">
        <div class="lf">
          <a href="javascript:;" :class="sgzr==0?'select':''" @click="qhsgzr(0)">转让信息</a>
          <a href="javascript:;" :class="sgzr==1?'select':''" @click="qhsgzr(1)">求购信息</a>
        </div>
        <div class="rt">
          <input type="text" placeholder="请输入关键词"><a href="javascript:;"></a>
        </div>
      </div>
      <ul class="sz_xzs">
        <li class="li1 af"><h5>行业类别</h5><a href="javascript:;" class="qb">全部</a><div><a href="javascript:;">金融投资</a><a href="javascript:;">电子贸易</a><a
          href="javascript:;">广告传媒</a><a href="javascript:;">教育培训</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a
          href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a
          href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a
          href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a><a href="javascript:;">物业地产</a></div></li>
        <li class="li2 af"><h5>出售价格</h5><a href="javascript:;"  class="qb">全部</a><div>
          <a href="javascript:;">1万以下</a><a href="javascript:;">1万-2万</a><a href="javascript:;">2万-5万</a>
        </div></li>
        <li class="li3 af"><h5>地区筛选</h5><a href="javascript:;"  class="qb">全部</a><div>
          <div><p>选择地区</p>
            <ul>
              <li></li>
              <li></li>
            </ul>
          </div>
        </div></li>
        <li class="li4 af"><h5>成立时间</h5><a href="javascript:;"  class="qb">全部</a>
          <div><a href="javascript:;">1年以下</a>
            <a href="javascript:;">1年及以上</a>
            <a href="javascript:;">2年及以上</a>
            <a href="javascript:;">2万-5万 </a>
          </div>
        </li>
        <li class="li5 af"><h5>纳税类型</h5><a href="javascript:;"  class="qb">全部</a>
          <div>
            <a href="javascript:;">小规模</a>
            <a href="javascript:;">一般纳税人</a>
            <a href="javascript:;">出口退税</a>
          </div>
        </li>
        <li class="li6 af"><h5>企业类型</h5><a href="javascript:;"  class="qb">全部</a>
          <div>
            <a href="javascript:;">有限责任公司</a>
            <a href="javascript:;">个人独资公司</a>
            <a href="javascript:;">港澳台公司</a>
          </div>
        </li>
      </ul>
    </div>

    <div class="sg_jgsdv">
      <ul class="sg_jgs">
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
        <li class="li">
          <h4>苏州**新能源科技有限公司 <em>2020-03-18  </em></h4>
          <ul class="af">
            <li class="li1">
              <h5>企业行业</h5>
              <p>金融投资</p>
            </li>
            <li class="li1">
              <h5>企业类型</h5>
              <p>有限责任公司</p>
            </li>
            <li class="li1">
              <h5>成立时间</h5>
              <p>1年及以上</p>
            </li>
            <li class="li1">
              <h5>纳税类型</h5>
              <p>小规模</p>
            </li>
            <li class="li1">
              <h5>注册资本</h5>
              <p>100-500万</p>
            </li>
            <li class="li1">
              <h5>所在地址</h5>
              <p>湖南 长沙</p>
            </li>
            <li class="li2">
              <h5>出售价格</h5>
              <p>1.63万  </p>
            </li>
          </ul>
        </li>
      </ul>
      <div class="dbqh">
        <a href="javascript:;" @click="syz">首页</a><a href="javascript:;" @click="syy">上一页</a> <a href="javascript:;" v-for="(i,id) in [1,2,3,4,5]" @click="qh(i*6+1)" :class="i==sl3?'select':''">{{ i+1}}</a>
        <a href="javascript:;" @click="xyy">下一页</a><a href="javascript:;" @click="xyz">尾页</a>
      </div>

    </div>


    <my-ft></my-ft>
  </div>

</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';
  export default {
    name: 'HelloWorld',
    data () {
      return {
        selenv:false,
        sgzr:0,
        title:null,
        dlzt:'',
        sl: 1,
        sl4:[0,1,2,3,4],
        dysl2:'',
        djshu:0,
        msg:undefined,
        sl3:0,
        ctnm:0,
        num1:'0',
        infoshuju:null,
        sl2:[1],
        xq:null,
        yqljData:null,
        fuwu:1
      }
    },
    async asyncData ({ params }) {
    let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
    let data  = {nav:nh.data};
    return { title: data}
  },
  mounted:function(){
    console.log(this.title);

  },head() {
    return {
      title: '企业邦收购转让',
      meta: [
        { hid: 'description', name: 'description', content: '企业邦收购转让'},
        { hid: 'keywords', name: 'keywords', content:'企业邦收购转让' }
      ]
    }
  },
  methods:{
    xqsl:function (e) {
      window.open('/Info/?name='+e,'_self');
      // this.$router.push('/Info/?name='+e);
    },
    qh:function(e){
      this.num1 = e-1;
      this.sl3 = (e-1)/6;
      // if((this.sl3+1)%5==0){
      //   this.djshu = this.sl3+1;
      // }

      var _this = this;
      _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
        params:{
          num:_this.num1
        }
      })
        .then(function(response){
          _this.title.into = response.data;
          _this.title.info2 = response.data.info[_this.title.sl-1].info;

        });



    },
    tzym:function(e){
      const new1 = this.$router.resolve({name: 'Details', query: {name:e}});
      window.open(new1.href,'_blank');

    },
    syz:function(){
      var _this = this;
      this.num1 = 0;
      this.sl3 = 0;
      // if((this.sl3+1)%5==0){
      //   this.djshu = this.sl3+1;
      // }

      var _this = this;
      _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
        params:{
          num:_this.num1
        }
      })
        .then(function(response){
          _this.title.into = response.data;
          _this.title.info2 = response.data.info[_this.title.sl-1].info;

        });
      if(Math.ceil(_this.ctnm/6)==1){
        _this.sl4=[0]
      }else if(Math.ceil(_this.ctnm/6)==2){
        _this.sl4=[0,1]
      }else if(Math.ceil(_this.ctnm/6)==3){
        _this.sl4=[0,1,2]
      }else if(Math.ceil(_this.ctnm/6)==4){
        _this.sl4=[0,1,2,3]
      }else if(Math.ceil(_this.ctnm/6)==5){
        _this.sl4=[0,1,2,3,4]
      }else if(Math.ceil(_this.ctnm/6)>5){
        _this.sl4=[0,1,2,3,4]
      }

    },
    xyz:function(){

      var _this = this;
      this.num1 = Math.ceil(_this.ctnm/6)*6-6;
      this.sl3 = Math.ceil(_this.ctnm/6)-1;
      // if((this.sl3+1)%5==0){
      //   this.djshu = this.sl3+1;
      // }

      var _this = this;
      _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
        params:{
          num:_this.num1
        }
      })
        .then(function(response){
          _this.title.into = response.data;
          _this.title.info2 = response.data.info[_this.title.sl-1].info;

        });
      if(Math.ceil(_this.ctnm/6)==1){
        _this.sl4=[0]
      }else if(Math.ceil(_this.ctnm/6)==2){
        _this.sl4=[0,1]
      }else if(Math.ceil(_this.ctnm/6)==3){
        _this.sl4=[0,1,2]
      }else if(Math.ceil(_this.ctnm/6)==4){
        _this.sl4=[0,1,2,3]
      }else if(Math.ceil(_this.ctnm/6)==5){
        _this.sl4=[0,1,2,3,4]
      }else if(Math.ceil(_this.ctnm/6)>5){
        _this.sl4=[Math.ceil(_this.ctnm/6)-5,Math.ceil(_this.ctnm/6)-4,Math.ceil(_this.ctnm/6)-3,Math.ceil(_this.ctnm/6)-2,Math.ceil(_this.ctnm/6)-1]
      }

    },
    syy:function(){
      if(this.num1>=6){
        if(this.sl3>this.sl4[0]){
          var _this = this;
          _this.num1 = parseInt(_this.num1)-6;
          _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.title.info = response.data;
              _this.title.info2 = response.data.info[_this.sl-1].info;
              _this.sl3 = _this.sl3-1;
              if((_this.sl3+1)%5==0){
                _this.djshu = _this.sl3+1;
              }
            });
        }else if(this.sl3!=0){
          var _this = this;
          for(let i=0;i<this.sl4.length;i++){
            this.sl4[i]=this.sl4[i]-1
          }
          _this.num1 = parseInt(_this.num1)-6;
          _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.title.info = response.data;
              _this.title.info2 = response.data.info[_this.sl-1].info;
              _this.sl3 = _this.sl3-1;
              if((_this.sl3+1)%5==0){
                _this.djshu = _this.sl3+1;
              }
            });
        }

      }
    },
    xyy:function(){

      if((this.num1+6)< this.ctnm){

        if (this.sl3<this.sl4[4]){


          var _this = this;
          _this.num1 = parseInt(_this.num1)+6;
          _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.title.info = response.data;
              _this.title.info2 = response.data.info[_this.sl-1].info;
              _this.sl3 = _this.sl3+1;
              if((_this.sl3+1)%5==0){
                _this.djshu = _this.sl3-1;
              }
            });
        }else if(this.sl3<this.ctnm){
          var  _this = this;
          _this.num1 = parseInt(_this.num1)+6;
          _this.$axios.get('https://exam.zhonghaiqihang.com/'+'PInterface/Info/infoData',{
            params:{
              num:_this.num1
            }
          })
            .then(function(response){
              _this.title.info = response.data;
              _this.title.info2 = response.data.info[_this.sl-1].info;
              _this.sl3 = _this.sl3+1;
              if((_this.sl3+1)%5==0){
                _this.djshu = _this.sl3-1;
              }
            });
          var _this = this;
          for(let i=0;i<this.sl4.length;i++){
            this.sl4[i]=this.sl4[i]+1
          }

        }


      }


    },
    qhsgzr:function(e){
      this.sgzr = e;
    }
  }
  }
</script>

<style scoped>

</style>
